<script>
$(document).ready(function () {
    $(".datepickerHK").datepicker({
        showOtherMonths: true,
        autoSize: true,
        dateFormat: 'yy-mm-dd',
        maxDate: '+0D'
    });
    /**
     * Funcion anonima que limpia los 
     * datos de inicio
     * @returns {undefined}
     */
    $(function () {
        $("#clear-administrativo").select2({
            placeholder: "Supervisor",
            allowClear: true
        });
        $("#clear-sucursales").select2({
            placeholder: "Sucursal",
            allowClear: true
        });
    });
    /**
     * Funcion que limpia los inputs realizados, ya que por default no se 
     * borran
     * @returns {undefined}
     */
    function limpiarSucursales(){
        $("#clear-sucursales").select2({
            placeholder: "Sucursal",
            allowClear: true
        });
    }
    /**
     * Funcion que se encarga de colocar las sucursales que le corresponden
     * a cada supervisor, ya que cada supervisor cuenta con diferentes 
     * sucursales
     */
    $('#clear-administrativo').on('click',function () {
        var datos = {
            a_administrativo_id: $('#clear-administrativo').val()
        };
        
        $.ajax({
            url: "<?= base_url('reportes/jsonlistAdmins') ?>",
            type: 'POST',
            dataType: 'json',
            data: datos,
            success: function (msg) {
                var sc = '';
                $.each(msg, function (key, val) {
                    sc += '<option value="' + val.s_sucursal_id + '">' + val.s_descripcion + '</option>';
                });
                $("#clear-sucursales").empty();//Solo quita las opciones
                limpiarSucursales();//Quita las selecciones realizadas anteriormente
                $("#clear-sucursales").append(sc);//Agrega las nuevas opciones
            }
        });
    });
});
</script>
<script>

   </script>
<!-- Content -->
<div id="content">

    <!-- Content wrapper -->
    <div class="wrapper">

        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="<?= base_url() ?>xpanel">XPANEL</a></li>
                <li class="active"><a href="<?= base_url() ?>" title="">Inicio</a></li>
            </ul>

        </div>
        <!-- /breadcrumbs line -->

        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5>XPANEL</h5>
            </div>

        </div>
        <!-- /page header -->

        <!-- Full size widget -->
        <div class="widget">
            <div class="navbar"><div class="navbar-inner"><h6>Consulta A</h6></div></div>
            <div class="well body">
                <form action="<?= base_url('reportes/repa.mti') ?>" method="POST">
                    
                    <div class="control-group">
                        <label class="control-label">Supervisor:</label>
                        <div class="controls">
                            <select name="a_administrativo_id" data-placeholder="Seleccione..." id="clear-administrativo" tabindex="2" >
                                <option value=""></option> 
                                <?php foreach ($supervisores as $a) { ?>
                                    <option value="<?= $a->a_administrativo_id ?>"><?= $a->a_nombre ?></option> 
                                <?php } ?>
                            </select>
                        </div>             
                    </div>
                    
                    <div class="control-group">
                        <label class="control-label">Sucursales: </label>
                        <div class="controls" id="clear-data">
                            <select multiple="multiple" name="sucursales[]" class="multiple" id="clear-sucursales" title="Seleccione las sucursales" required>
                                <option value=""></option> 
                            </select>
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">Fecha Inicial:</label>
                        <div class="controls"><input type="text" name="fecha_inicial" class="datepickerHK span12" required/></div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">Fecha Final:</label>
                        <div class="controls"><input type="text" name="fecha_final" class="datepickerHK span12" required/></div>
                    </div>

                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary">Generar</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- /full size widget -->

        <!-- Full size widget -->
        <div class="widget">
            <div class="navbar"><div class="navbar-inner"><h6>Consulta B</h6></div></div>
            <div class="well body">
                <form action="<?= base_url('reportes/repb.mti') ?>" method="POST">

                    <div class="control-group">
                        <label class="control-label">Sucursales:</label>
                        <div class="controls">
                            <select data-placeholder="UNIDAD" class="select" tabindex="2" name="r_region_id" required>
                                <option value=""></option> 
                                <?php foreach ($region as $r) { ?>
                                    <option value="<?= $r->r_region_id ?>"><?= strtoupper($r->r_no) ?></option> 
                                <?php } ?>
                            </select>
                        </div>             
                    </div>

                    <div class="control-group">
                        <label class="control-label">Seleccione el tipo de Auditoría:</label>
                        <div class="controls">
                            <select data-placeholder="Tipo ASPI" class="select" tabindex="2" name="ta_tipo_aspi_id" required>
                                <option value=""></option> 
                                <?php foreach ($lista_tipos_aspi as $tipo) { ?>
                                    <option value="<?= $tipo->ta_tipo_aspi_id ?>"><?= strtoupper($tipo->ta_tipo) ?></option> 
                                <?php } ?>
                            </select>
                        </div>             
                    </div>

                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary">Generar</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- /full size widget -->

        <!-- Full size widget -->
        <div class="widget">
            <div class="navbar"><div class="navbar-inner"><h6>Consulta C</h6></div></div>
            <div class="well body">
                <form action="<?= base_url('reportes/repc.mti') ?>" method="POST">
                    <div class="control-group">
                        <label class="control-label">Fecha Inicial:</label>
                        <div class="controls"><input type="text" name="finicial" class="datepickerHK span12" required/></div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">Fecha Final:</label>
                        <div class="controls"><input type="text" name="ffinal" class="datepickerHK span12" required/></div>
                    </div>

                    <div class="controls">
                        <select data-placeholder="Tipo ASPI" class="select" tabindex="2" name="ta_tipo_aspi_id" required>
                            <option value=""></option> 
                            <?php foreach ($lista_tipos_aspi as $tipo) { ?>
                                <option value="<?= $tipo->ta_tipo_aspi_id ?>"><?= strtoupper($tipo->ta_tipo) ?></option> 
                            <?php } ?>
                        </select>
                    </div>   

                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary">Generar</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- /full size widget -->



    </div>
    <!-- /content wrapper -->

</div>
<!-- /content -->
